<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="referrer" content="never">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimal-ui">
	<title>Amazing Enterprise Websit</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div id="header" class="location">
		<div class="nav-ct">
			<h1><a href="#header">Amazing Enterprise Websit</a></h1>
			<ul class="nav">
				<li><a href="#service">提供服务</a></li>
				<li><a href="#portfolio">客户案例</a></li>
				<li><a href="#about">关于我们</a></li>
				<li><a href="#team">卓越团队</a></li>
				<li><a href="#contact">联系我们</a></li>
			</ul>
		</div>
	</div>
	<div id="home-page" class="table">
		<div id="carousel">
			<div class="C-ct clearfix">
				<div class="C-section"><img data-src="image/header-bg-1.jpg" src="image/load.gif" alt=""></div>
				<div class="C-section"><img data-src="image/header-bg-2.jpg" src="image/load.gif" alt=""></div>
				<div class="C-section"><img data-src="image/header-bg-3.jpg" src="image/load.gif" alt=""></div>
				<div class="C-section"><img data-src="image/header-bg-4.jpg" src="image/load.gif" alt=""></div>
				<div class="C-section"><img data-src="image/header-bg-5.jpg" src="image/load.gif" alt=""></div>
			</div>
			<div class="turn C-up"></div>
			<div class="turn C-down"></div>
			<ul class="clearfix">
				<li class="C-index active"></li>
				<li class="C-index"></li>
				<li class="C-index"></li>
				<li class="C-index"></li>
				<li class="C-index"></li>
			</ul>
		</div>
		<div class="home-page-ct table-cell">
			<h2>Welcome...</h2>
			<h1>这里有你需要的好设计</h1>
			<a href="#">了解更多</a>
		</div>
	</div>
	<div id="service" class="location">
		<div class="service-ct">
			<h1>提供服务</h1>
			<p class="slope">让你的网页设计变得更简单.</p>
			<ul class="clearfix">
				<li>
					<div class="services-box"></div>
					<h4>logo制作</h4>
					<p class="ser-box-p slope">我们提供网页logo制作，为你的网页增色添彩，让平淡出彩，让出彩惊艳！</p>
				</li>
				<li>
					<div class="services-box"></div>
					<h4>网页设计</h4>
					<p class="slope">网站是一个公司在互联网上的门面，让我们来为你的门面进行装修，一切腐朽，均可变为神奇，而你，只需要稍作等待.</p>
				</li>
				<li>
					<div class="services-box"></div>
					<h4>网页开发</h4>
					<p class="slope">请开发人员成本太高，质量良莠不齐？我们有经验丰厚的设计师和工程师，让你的担忧消失于无形之中.</p>
				</li>
			</ul>
		</div>
	</div>
	<div id="portfolio" class="location">
		<div class="pro-ct">
			<h1>案例展示</h1>
			<p class="slope">这是一些我们的过去，需要你来鉴定是否辉煌.</p>
			<ul class="img-list clearfix">
				<li>
					<a href="#"><img data-src="image/roundicons.png" src="image/load.gif" alt=""></a>
					<div class="port-hover"><div class="portfolio_icon">+</div></div>
					<h4>雪国之春</h4>
					<p>图片设计</p>
				</li>
				<li>
					<a href="#"><img data-src="image/startup-framework.png" src="image/load.gif" alt=""></a>
					<div class="port-hover"><div class="portfolio_icon">+</div></div>
					<h4>花团锦簇</h4>
					<p>网页设计</p>
				</li>
				<li>
					<a href="#"><img data-src="image/treehouse.png" src="image/load.gif" alt=""></a>
					<div class="port-hover"><div class="portfolio_icon">+</div></div>
					<h4>平凡之路</h4>
					<p>创意思维</p>
				</li>
				<li>
				<a href="#"><img data-src="image/golden.png" src="image/load.gif" alt=""></a>
					<div class="port-hover"><div class="portfolio_icon">+</div></div>
					<h4>挣扎之手</h4>
					<p>脑洞大开</p>
				</li>
				<li>
					<a href="#"><img data-src="image/escape.png" src="image/load.gif" alt=""></a>
					<div class="port-hover"><div class="portfolio_icon">+</div></div>
					<h4>回家的路</h4>
					<p>公益活动</p>
				</li>
				<li>
					<a href="#"><img data-src="image/dreams.png" src="image/load.gif" alt=""></a>
					<div class="port-hover"><div class="portfolio_icon">+</div></div>
					<h4>苹果树下</h4>
					<p>网页创新</p>
				</li>
			</ul>
		</div>
	</div>
	<div id="about" class="location">
		<div class="about-ct">
			<h1>关于我们</h1>
			<p class="slope">成长至今，我们历经万险.</p>
			<ul class="about-way">
				<li>
					<div class="circle">
						<img data-src="image/1.jpg" src="image/load.gif" class="about-img" alt="">
					</div>
					<div class="about-des-l">
						<h4>2008年2月</h4>
						<h4>萌芽&nbsp;&nbsp;</h4>
						<p>你的梦想是什么，我在诘问自己，我想做最牛的设计网站，那就&nbsp;&nbsp;&nbsp;<br>去做吧，会有明天，在这种信念的朦胧之间，我看到了未来，仿&nbsp;&nbsp;&nbsp;<br>佛有一束光在我的眼前出现，那就是明天，当然，也就是你看到的今天.</p>
					</div>
				</li>
				<li class="clearfix">
					<div class="circle">
						<img data-src="image/2.jpg" src="image/load.gif" class="about-img" alt="">
					</div>
					<div class="about-des-r">
						<h4>2008年10月</h4>
						<h4>&nbsp;&nbsp;第一次上线</h4>
						<p>&nbsp;&nbsp;原来创业真的不是一件简单的事情啊，这段时间从无到有，我看<br>&nbsp;&nbsp;到了互联网发展的希望，谁知道明天会是怎样，我竭尽全力，终<br>于实现了当初有这个梦想时的第一个明天，经过日夜的艰苦奋战，我们的第一个页面上线了.</p>
					</div>
				</li>
				<li>
					<div class="circle">
						<img data-src="image/3.jpg" src="image/load.gif" class="about-img" alt="">
					</div>
					<div class="about-des-l">
						<h4>2011年1月</h4>
						<h4>荣登封面&nbsp;&nbsp;</h4>
						<p>要是有一天能在这个杂志封面的人物能是我，这就是生活的最高&nbsp;&nbsp;<br>目标了吧，我合上杂志，继续着手里未完成的工作...多年以后，&nbsp;&nbsp;&nbsp;<br>我真的到了这里，突然觉得梦想从来不是那么的遥不可及，一天天的努力从来不会付之东流，这也代表着，我们企业正在迈向一个不一样的未来.</p>
					</div>
				</li>
				<li class="clearfix">
					<div class="circle">
						<img data-src="image/4.jpg" src="image/load.gif" class="about-img" alt="">
					</div>
					<div class="about-des-r">
						<h4>2015年4月</h4>
						<h4>&nbsp;&nbsp;敲钟上市</h4>
						<p>&nbsp;&nbsp;当纽交所的钟声响起，我没有太多的激动，这一切都成了顺利成<br>&nbsp;&nbsp;章的一部分，可能当初我从来没想过这里有一天的钟声响起，是为<br>我庆贺，若时间倒退，我可能真的难以承受这样的喜悦，但是今天，这一切都让我如此坦然.</p>
					</div>
				</li>
				<li>
					<div class="circle">
						<h4 class="join about-img">明天<br>故事<br>继续!</h4>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<div id="team" class="location">
		<div class="team-ct">
			<h1>团队成员</h1>
			<p class="slope">专业人员成就精尖技术.</p>
			<ul class="team-guy clearfix">
				<li>
					<div class="b-box"><img data-src="image/5.jpg" src="image/load.gif" alt=""></div>
					<h4>皮卡丘</h4>
					<p>团队领袖</p>
					<div class="icon">
						<a href="#"><i class="iconfont">&#xe601;</i></a>
						<a href="#"><i class="iconfont">&#xe600;</i></a>
						<a href="#"><i class="iconfont">&#xe602;</i></a>
					</div>
				</li>
				<li>
					<div class="b-box"><img data-src="image/6.jpg" src="image/load.gif" alt=""></div>
					<h4>papi</h4>
					<p>设计主管</p>
					<div class="icon">
						<a href="#"><i class="iconfont">&#xe601;</i></a>
						<a href="#"><i class="iconfont">&#xe600;</i></a>
						<a href="#"><i class="iconfont">&#xe602;</i></a>
					</div>
				</li>
				<li>
					<div class="b-box"><img data-src="image/7.jpg" src="image/load.gif" alt=""></div>
					<h4>非主楼</h4>
					<p>CTO</p>
					<div class="icon">
						<a href="#"><i class="iconfont">&#xe601;</i></a>
						<a href="#"><i class="iconfont">&#xe600;</i></a>
						<a href="#"><i class="iconfont">&#xe602;</i></a>
					</div>
				</li>
			</ul>
			<p>如此顶尖的团队，如此优秀的人才，你心动了吗？</p> <p>赶快拿起手边的电话，拨打9090900，开启这段新旅程吧</p>
		</div>
	</div>
	<div id="brand">
		<div class="brand-ct">
			<ul class="brand-nav clearfix">
				<li><a href="#"><img src="image/load.gif" data-src="image/envato.jpg" alt=""></a></li>
				<li><a href="#"><img src="image/load.gif" data-src="image/designmodo.jpg" alt=""></a></li>
				<li><a href="#"><img src="image/load.gif" data-src="image/themeforest.jpg" alt=""></a></li>
				<li><a href="#"><img src="image/load.gif" data-src="image/creative-market.jpg" alt=""></a></li>
			</ul>
		</div>
	</div>
	<div id="contact" class="location">
		<div class="contact-ct">
			<h1>联系我们</h1>
			<p class="slope">让我们来竭诚为你服务吧.</p>
			<form class="contact-form" action="">
				<div class="input-box clearfix">
					<div class="input-area">
						<input type="name" placeholder="姓名*">
						<input type="email" placeholder="邮箱*">
						<input type="tel" placeholder="电话*">
					</div>
					<div class="clearfix">
						<div class="text-area"><textarea name="" id="" cols="30" rows="10" placeholder="您的需求*"></textarea></div>
					</div>
				</div>
				<div class="sub-btn"><button type="submit">告诉我们</button></div>
			</form>
		</div>
	</div>
	<div id="footer">
		<div class="footer-ct clearfix">
			<p>Copyright &copy;  2016</p>
			<ul class="footer-nav">
				<li><a href="#">隐私政策</a></li>
				<li><a href="#">使用条款</a></li>
			</ul>
			<div class="icon icon-big">
				<a href="#"><i class="iconfont">&#xe601;</i></a>
				<a href="#"><i class="iconfont">&#xe600;</i></a>
				<a href="#"><i class="iconfont">&#xe602;</i></a>
			</div>
		</div>
	</div>
	<!-- <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
	<script>
	</script> -->
	<script data-main="js/dist/index.merge.min.js" src="js/lib/require.js"></script>
	<!-- <script data-main="js/app.js" src="js/lib/require.js"></script> -->
</body>
</html>